.px2rem(@name,@px){
    @{name}:@px/75 * 1rem;
}
.flexbox{
	display:flex;
	justify-content:space-between;

}

.body{
	background:#181818;
	color:#fff;
	.header{
		.px2rem(padding-top,168);
		.flexbox;
		justify-content:center;
		.px2rem(font-size,74);
	}
	.subject{
		.px2rem(padding-top,163);
		.flexbox;
		justify-content:center;
		flex-direction:column;
		align-items:center;
		.px2rem(font-size,30);
		input{
			background:#181818;
			color:#fff;
			border:none;
			border-bottom:1px solid #666;
			.px2rem(margin-bottom,50);
			.px2rem(width,549);
		}
		button{
			.px2rem(width,550);
			.px2rem(height,100);
			background:#d81e07;
			color:#fff;
			border:none;
			.px2rem(font-size,30);
			border-radius: 10px;
			.px2rem(margin-bottom,74);
		}
		a{
			.px2rem(font-size,30);
			color:#666;
		}
	}
	.footer{
		.px2rem(padding-top,240);
		.flexbox;
		justify-content:center;
		flex-direction:column;
		
		.px2rem(font-size,30);
		.loginMethod{
			.flexbox;
			justify-content:space-around;
			img{
				.px2rem(width,88);
				.px2rem(height,88);
			}
		}
		.register{
			text-align:center;
			color:#666;
			.px2rem(margin-top,42);
			.px2rem(margin-bottom,100);
			a{
				color:#fff;
			}
		}
	}
	
	#ampleModal{
		width:90%;
		margin-left:5%;
		.px2rem(margin-top,384);
		#v_container{

		}
	}
	.modal-header{
		span{
			.px2rem(font-size,40);
		}
		.modal-title{
			.px2rem(font-size,40);
			color:#999;
		}
	}
	.verificationOfMobilePhone{
		outline:none;
		border: none;
		box-shadow: 0 0 0 #fff;
		border-bottom: 2px solid red; 
		border-radius: 0;
		.px2rem(margin-bottom,30);
		.px2rem(height,70);
		 
	}
	.phoneNumber{
		.px2rem(font-size,30);
		color:red;
		font-weight: normal;

	}
	.testGetCode{
		outline:none;
		border: none;
		box-shadow: 0 0 0 #fff;
		border-bottom: 2px solid #666; 
		border-radius: 0;
		.px2rem(height,80);
		
	}
	#v_container{
		border:none;
	}
}
.input-group{
	width:100%;
}


	#leModal{
		width:90%;
		margin-left:5%;
		.px2rem(margin-top,384);
		#getVerification{
			color:#666;
			.px2rem(font-size,24);
		}
		#countDown{
			background:#fff;
			border:none;
			.px2rem(font-size,34);
		}
		#code_input{
			.px2rem(font-size,30);
		}
	}
	.modal-header{
		span{
			.px2rem(font-size,40);
		}
		.modal-title{
			.px2rem(font-size,40);
			color:#999;
		}
	}
	.verificationOfMobilePhone{
		outline:none;
		border: none;
		box-shadow: 0 0 0 #fff;
		border-bottom: 2px solid red; 
		border-radius: 0;
		.px2rem(margin-bottom,30);
		.px2rem(height,70);
		 
	}
	.phoneNumber{
		.px2rem(font-size,30);
		color:red;
		font-weight: normal;

	}
	.testGetCode{
		outline:none;
		border: none;
		box-shadow: 0 0 0 #fff;
		border-bottom: 2px solid #666; 
		border-radius: 0;
		.px2rem(height,80);
		.px2rem(font-size,30);
	}
	

.input-group{
	width:100%;
}

